<template>
  <div class="easyd-weixin-Box">
    
    <div class="serviceBox">
        <div class="serviceItem"  @click="serviceClick" v-for="item in serviceData">
            <img :src="item.img" v-lazy="item.img">
            <div class="serviceName"><i class="fa fa-star-half-empty fa-lg"></i>{{item.text}}</div>
        </div>
    </div>
  </div>
</template>

<script>
export default {
    data(){
        return {
            isConcern : true,
            serviceData : [
                {
                    "text" : "199免费体检卡",
                    "img"  : "http://testfileupload.oss-cn-beijing.aliyuncs.com/hengtu2.jpeg"
                },
                {
                    "text" : "299免费体检卡",
                    "img"  : "http://testfileupload.oss-cn-beijing.aliyuncs.com/hengtu3.png"
                },
                {
                    "text" : "399免费体检卡",
                    "img"  : "http://testfileupload.oss-cn-beijing.aliyuncs.com/hengtu4.png"
                }
            ]
        }
    },
    mounted(){

    },
    methods : {
        concernClick(){

        },
        serviceClick(){
             this.$router.push({
                path : '/serviceDetail'
            })
        }
    }
}
</script>

<style lang="stylus" scoped>
    .serviceBox {
        width 100%
        position absolute
        top 0px
        bottom 0px
        box-sizing border-box 
        padding 5px 15px
        padding-top 15px
        overflow auto   
        -webkit-overflow-scrolling : touch;
        
    }

    .serviceItem {
        width 100%
        margin-bottom 25px
        height auto  

        &:last-child {
            margin-bottom 15px    
        }

        .serviceName {
            font-size 16px
            font-weight 500

            i {
                font-size 16px
                margin-right 5px
                position relative
                top -2px
            }

        }

        img {
            width 100%
            height auto
            border 1px solid #eee
            border-radius 5px
            
        }
    }
</style>
